<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./elementui/vue.min.js"></script>
    <link rel="stylesheet" href="./elementui/index.css">
    <script src="./elementui/index.js"></script>
    <!--    <script src="./node_modules/downloadjs/download.min.js"></script>-->

</head>
<body>
<div id="app">

    <div class="index">
        <ul id="v-for-object" class="demo">
            <li v-for="value in Object.values(object)">
                {{ value }}
            </li>
            ----------------------------------------
            <li v-for="(value,key,index) in  object">
                {{ value }}--{{key}}--{{index}}
            </li>
        </ul>


    </div>


</div>

<script type="module">
    new Vue({
        el: '#v-for-object',
        data: {
            object: {
                title: 'How to do lists in Vue',
                author: 'Jane Doe',
                publishedAt: '2016-04-10'
            }
        }
    })
</script>
</body>
</html>
